<template>
  <div class='comingsoon'>
    <FilmItem
      v-for='data in dataList'
      :key='data.filmId'
      :data='data'
      type='comingsoon'
    ></FilmItem>
  </div>
</template>

<script>
import { instance } from '@/utils/http'
import FilmItem from '@/components/film-item'
export default {
  components: {
    FilmItem
  },
  data() {
    return {
      dataList: []
    }
  },
  async created() {
    const res = await instance.get('https://m.maizuo.com/gateway?cityId=310100&pageNum=1&pageSize=10&type=2&k=2207503', {
      headers: {
        'X-Host': 'mall.film-ticket.film.list'
      }
    })
    console.log(res)
    this.dataList = res.data.data.films
  }
}
</script>

<style lang='scss' scoped>
  .comingsoon{
    padding:0.15rem;
  }
</style>
